import { useTranslations } from 'next-intl';
import styles from './page.module.scss';
import Image from "next/image";
import Imgs from '@/lib/imgs'
import Link from "next/link";

export default function Home() {
  return (
    <div className={styles.not_login_page}>
      {/* header */}
      <header className='header'>
        <Image src={Imgs.black_logo} className='header_img' alt="logo" width={90} height={52}></Image>
        <Link href="/">
          <Image className='arrow_icon' src={Imgs.close} alt='close' width={54} height={52}></Image>
        </Link>
      </header>

      <footer className={styles.not_login_page__footer}>
        {/* login */}
        <Link href="/user/login" className={styles.not_login_page__login}>
          <span>LOG IN</span>
        </Link>
        {/* sign up */}
        <Link href="/user/signUp" className={styles.not_login_page__signup}>
          <span>SIGN UP</span>
        </Link>
        {/* logo */}
        <Image src={Imgs.big_logo} alt='logo' width={269} height={155} className={styles.big_logo}></Image>
      </footer>
    </div>
  );
}
